<template>
    <div>
        <div>
            <div>
                <div class="box">
                    <label for="">输入用户名:</label>
                    <input type="text" placeholder="用户名">
                </div>
                <div class="box">
                    <label for="">输入邮箱:</label>
                    <input type="text" placeholder="邮箱">
                </div>
                <div class="box">
                    <label for="">输入手机:</label>
                    <input type="text" placeholder="手机">
                </div>
                <div class="box">
                    <button>找回密码</button>
                </div>
                <div class="box">
                    <label for="">输入新密码:</label>
                    <input type="text" placeholder="输入新密码">
                </div>
                <div class="box">
                    <button>修改密码</button>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style scoped>
.box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
}
</style>
